import { Card } from "antd"

function ListItem(props: any) {
    return (
        <>
            <Card
                bodyStyle={{color: "#666", padding: "0 10px"}}
            >
                <div style={{display: "flex",justifyContent: "space-between", borderBottom: "1px solid #eee", marginBottom: "5px",lineHeight: "40px"}}>
                    <span>申请时间：{props.listItem.dateFrom}</span>
                    <span style={{color: "orange"}}>{props.listItem.status === 2 ? "审批中" : "已完成"}</span>
                </div>

                <div style={{margin: 0}}>
                    <h4 style={{fontWeight: "bold", margin: 0}}>{props.listItem.companyName}</h4>
                    <p style={{margin: 0}}>{props.listItem.dateFrom}-{props.listItem.dateTo}</p>
                    <p style={{margin: 0}}>{props.listItem.location}</p>
                </div>

                <div style={{display: "flex",justifyContent: "space-between", borderTop: "1px solid #eee", marginTop: "5px",lineHeight: "40px"}}>
                    <div>申请单号：{props.listItem.billNo}</div>
                    <div style={{fontSize: "14px",width: "60px",height: "30px", lineHeight: "30px",textAlign: "center",borderRadius: "20px", border: "1px solid #666",marginTop: "6px",color: "#000"}}>行程单</div>
                </div>

            </Card>
        </>
    )
}
export default ListItem


